<template>
    <div class="sm-sman-smanagementAllbGoods" sytle="padding-bottom:6px">
      <div class="smSmgAllgzbBox">
        <ul>
          <li v-for="(value, index) in gzbInfo" :key="index" ref="smgAllgzbli">
            <!-- <p>工作包编码：<span >{{ value.aoCode }}</span></p> -->
            <!-- <p>
              工作包名称：<span style="margin-left: 3px">{{ value.PRODUCTNAME }}</span>
            </p> -->
            <p>
              工作包编码：<span style="margin-left: 3px">{{ value.packageCode }}</span>
            </p>
            <p>
              机型/批次/架次：<span style="margin-left: 3px">{{ value.productCode }}/{{ value.batchNo }}/{{ value.startPlaneNo }}</span>
            </p>
    
          </li>
        </ul>
      </div>
    </div>
  </template>
  <script>
  import { mdDtTopSearchData } from "@/utils/api.js";
  export default {
    name: "TopShowList",
    data() {
      return {
        gzbInfo: []
      };
    },
    methods: {
      
    },
    mounted() {
        mdDtTopSearchData({
            pageParameter: {
            rows: this.pageSize,
            page: this.pageNumber,
            },
        }).then((res) => {
            this.gzbInfo = res.data.responseBody.result;
        });
    }
  }
  </script>
  <style scoped>
  .sm-sman-smanagementAllbGoods {
    width: 100%;
    margin-bottom: 8px;
  }
  .ssmSmgAllgzbBox {
    float: left;
    width: 100%;
    /* display: none; */
    /* height: 300px; */
    /* border: 1px solid black; */
    /* background: #3375d7; */
  }
  .smSmgAllgzbBox ul {
    display: flex;
    overflow-y: hidden;
    height: 100%;
  }
  .smSmgAllgzbBox ul li {
    flex: none;
    /* float: left; */
    /* padding: 0 10px; */
    width: 190px;
    /* height: 90%; */
    /* background-color: rgb(200, 244, 244); */
    background-color: #ffffff;
    /* background: #ffffff; */
    border: 1px solid #cccbcb;
    border-radius: 10px;
    /* box-shadow: inset 0px 0px 20px 0px #cccbcb; */
    margin-left: 1.8%;
    margin-top: 5px;
    font-size: 12px;
    /* text-align: center; */
  }
  /* .sm-sman-leftInfo ul li p:nth-child(1) {
    text-align: center;
  } */
  .smSmgAllgzbBox ul li p {
    margin-top: 3px;
    margin-left: 5px;
    width: calc(100% - 4px);
  }
  </style>